@import "../functions";

@mixin week-title($background-color: primary, $color: #fff) {
  margin: 0;
  color: $color;
  height: 35px;
  width: 100%;
  background-color: bindColors($background-color);
  padding: 10px 0px 0px 5px;
}

ion-calendar-week {

  .toolbar-background-md, .toolbar-background-ios {
    background: transparent;
  }

  .week-toolbar {
    padding: 0;
    min-height: 35px;
  }

  .week-toolbar.toolbar-md {
    min-height: 35px;
  }

  .week-title.primary {
    @include week-title(primary);
  }

  .week-title.secondary {
    @include week-title(secondary);
  }

  .week-title.danger {
    @include week-title(danger);
  }

  .week-title.dark {
    @include week-title(dark);
  }

  .week-title.light {
    @include week-title(light, #9e9e9e);
  }

  .week-title.transparent {
    @include week-title(light, #9e9e9e);
    background-color: transparent;
  }

  .week-title.cal-color {
    @include week-title(cal-color);
  }

  .week-title li {
    list-style-type: none;
    display: block;
    float: left;
    width: 14%;
    text-align: center;
  }

  .week-title li:nth-of-type(7n), .week-title li:nth-of-type(7n+1) {
    width: 15%;
  }

}


